@layout("/common/_container.html",{title:"个人中心",css:["/assets/modular/frame/user_info.css"]}){
<div class="layui-body-header">
    <span class="layui-body-header-title">个人中心</span>
    <span class="layui-breadcrumb pull-right">
        <a href="${ctxPath}/system/console">首页</a>
        <a><cite>个人中心</cite></a>
    </span>
</div>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-body" style="padding: 25px;">
                    <div class="text-center layui-text">
                        <div class="user-info-head" id="imgHead">
                            <img src="${ctxPath}/assets/common/images/head.png"/>
                        </div>
                        <h2 style="padding-top: 20px;">${user.name}</h2>
                        <p style="padding-top: 8px;">${user.deptName!}</p>
                    </div>
                    <div class="layui-text" style="padding-top: 30px;">



                        <div class="info-list-item">
                            <i class="layui-icon layui-icon-username"></i>
                            <p>${user.account!}</p>
                        </div>
                        @if(isNotEmpty(user.roleList)){
                        @for(item in user.roleList){
                        <div class="info-list-item">
                            <i class="layui-icon layui-icon-auz"></i>
                            <p>${item.roleName!} </p>
                        </div>
                        @}}
                    </div>
                    <div class="dash"></div>

                </div>
            </div>
        </div>

    </div>
</div>
@}